{% extends "D3hdvDiablo3Bundle::layout.html.twig" %}
{% block title %}
Admin D3 - Ajouter Objet Modele Diablo3 {{ parent() }}
{% endblock %}
{% block body %}
<script> </script>
<div align="left">
<br />
<span class="monTitre">Ajouter un nouveau modèle d'objet</span>
<br /><br />
</div>

<div id="affichage_objet_modele">


	{% if ObjetModele is defined %}
		<script>
			alert("Objet Modele : {{ ObjetModele.nom }} Ajoutée !");
		</script>
		{% include 'D3hdvDiablo3Bundle:Admin:voir_objet_modele_spe.html.twig' with {'ObjetModele' : ObjetModele} %}
	{% endif %}
	{% if erreur is defined %}
		<script>
			alert("Erreur : {{ erreur }}");
		</script>
		
	{% endif %}
	
</div> 



<div class="well">
    <form id="form_ajout_modele" {{ form_enctype(form) }}  method="post" >
        {{ form_widget(form) }}
        <br /><input type="submit" class="btn btn-success" value="Ajouter un nouveau modèle d'arme"/>
    </form>
</div>


<div id="erreur">
	
</div>

{% block javascript %}
<script type="text/javascript">

var monindex=0;





/*$("#d3hdv_diablo3bundle_d3objetmodeletype_Caracteristiques_0_valeurCara").click(function() {
		
		alert("test");
		var contenucarac=$("#d3hdv_diablo3bundle_d3objetmodeletype_Caracteristiques_"+monindex+"_valeurCara").val();
		//alert(contenuSpe);
		if(contenucarac.match(/[-{1}]/))
		{
			//alert("good");
			$('#erreur').empty();
		}
		else
		{
			//alert("pas good");
			$('#erreur').html("<font color='red'> Champs caracteristique "+monindex+" ERREUR : Il faut une tranche exemple 100-500 !!</font>");
		}
});*/



$("#d3hdv_diablo3bundle_d3objetmodeletype_Type").on("click", function test() 
	{ 
	document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").style.width="400px";
	var selectElmt = document.getElementById('d3hdv_diablo3bundle_d3objetmodeletype_Type'); 
	//document.getElementById('affichage').innerHTML = selectElmt.value; 
	if(selectElmt.value==1)
	{
		
		 document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").value = "Entrez une tranche de Dps exemple : 600-1200";
	}
	else
	{
		document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").value = "Entrez une tranche de taux d'Armure exemple : 300-600";
	}
	var DATA = 'Type=' + selectElmt.value;
	$.ajax({
		type: "POST",
		url: "{{ path('D3hdv_admin_ajouter_objet_modele')}}",
		data: DATA,
		cache: false,
		success: function(data){
           		//$('#resultats_recherche').html(data);
			var contact = jQuery.parseJSON(data);
				//var objform = window.document.form_ajout;
				var objform = document.getElementById('form_ajout_modele');
				document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_Classe").length = 0;  
				// définition du numéro du choix
				var s = objform.d3hdv_diablo3bundle_d3objetmodeletype_Classe.selectedIndex;
				// reconnaissance du tableau
				//var tablo = eval(data[s]);
				for (var i = 0; i<contact.length; i++) {
				//var newoption = new Option(data[i], "S" +data[s] + i);
				var newoption = new Option(contact[i].objet_classe,contact[i].id,true,true);
				objform.d3hdv_diablo3bundle_d3objetmodeletype_Classe.options[i+1] = newoption;
				}
		
        	}		
	    });    
	    return false;
});

$("#d3hdv_diablo3bundle_d3objetmodeletype_spe").click(function() {
	document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").style.width="206px";
	document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").value="";
	});

$("#d3hdv_diablo3bundle_d3objetmodeletype_spe").blur(function() {
		var contenuSpe=$("#d3hdv_diablo3bundle_d3objetmodeletype_spe").val();
		//alert(contenuSpe);
		if(contenuSpe.match(/[-{1}]/))
		{
			//alert("good");
			$('#erreur').empty();
		}
		else
		{
			//alert("pas good");
			$('#erreur').html("<font color='red'> Champs DPS ERREUR : Il faut une tranche exemple 100-500 !!</font>");
		}
	});


function ClasseType() {
	var selectElmt = document.getElementById('d3hdv_diablo3bundle_d3objetmodeletype_Type'); 
		//document.getElementById('affichage').innerHTML = selectElmt.value; 

		var DATA = 'Type=' + selectElmt.value;
		$.ajax({
			type: "POST",
			url: "{{ path('D3hdv_admin_ajouter_objet_modele')}}",
			data: DATA,
			cache: false,
			success: function(data){
		   		//$('#resultats_recherche').html(data);
				var contact = jQuery.parseJSON(data);
					//var objform = window.document.form_ajout;
					var objform = document.getElementById('form_ajout_modele');
					document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_Classe").length = 0;  
					// définition du numéro du choix
					var s = objform.d3hdv_diablo3bundle_d3objetmodeletype_Classe.selectedIndex;
					// reconnaissance du tableau
					//var tablo = eval(data[s]);
					for (var i = 0; i<contact.length; i++) {
					//var newoption = new Option(data[i], "S" +data[s] + i);
					var newoption = new Option(contact[i].objet_classe,contact[i].id,true,true);
					objform.d3hdv_diablo3bundle_d3objetmodeletype_Classe.options[i+1] = newoption;
					}
		
			}		
		    });    
		    return false;

}

$(document).ready(function() {

//var index =0;
ClasseType();
document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").style.width="400px";
document.getElementById("d3hdv_diablo3bundle_d3objetmodeletype_spe").value = "Entrez une tranche de Dps exemple : 600-1200";

	  // On récupère la balise <div> en question qui contient l'attribut « data-prototype » qui nous intéresse.
	  var $container = $('div#d3hdv_diablo3bundle_d3objetmodeletype_Caracteristiques');
	 
	  // On ajoute un lien pour ajouter une nouvelle catégorie
	  var $lienAjout = $('<a href="#" id="ajout_caracteristique" class="btn-primary"><i class="icon-plus"></i>Ajouter une Caractéristique</a>');
	  $container.append($lienAjout);
	 
	  // On ajoute un nouveau champ à chaque clic sur le lien d'ajout.
	  $lienAjout.click(function(e) {
	     if(index>3)
	    {
		   alert("Le nombre de caracteristique est limité à 4");
	    }
	    else
	    {
		
		 ajouterCategorie($container);
		    e.preventDefault(); // évite qu'un # apparaisse dans l'URL
	    }
	    return false;
	  });
	 
	  // On définit un compteur unique pour nommer les champs qu'on va ajouter dynamiquement
	  var index = $container.find(':input').length;
	  

	  
	 
	  // On ajoute un premier champ directement s'il n'en existe pas déjà un (cas d'un nouvel article par exemple).
	 /* if (index == 0) {
	    ajouterCategorie($container);
	  } else {
	    // Pour chaque catégorie déjà existante, on ajoute un lien de suppression
	    $container.children('div').each(function() {
	      ajouterLienSuppression($(this));
	    });
	  }*/
		
	 if (index > 0) {
	    // Pour chaque catégorie déjà existante, on ajoute un lien de suppression
	    $container.children('div').each(function() {
	      ajouterLienSuppression($(this));
	    });
	  }
	 
	  // La fonction qui ajoute un formulaire Categorie
	  function ajouterCategorie($container) {
	    // Dans le contenu de l'attribut « data-prototype », on remplace :
	    // - le texte "__name__label__" qu'il contient par le label du champ
	    // - le texte "__name__" qu'il contient par le numéro du champ
	    var $prototype = $($container.attr('data-prototype').replace(/__name__label__/g, 'Caracteristique n°' + (index+1))
		                                                .replace(/__name__/g, index));
	 
	    // On ajoute au prototype un lien pour pouvoir supprimer la catégorie
	    ajouterLienSuppression($prototype);
	 
	    // On ajoute le prototype modifié à la fin de la balise <div>
	    $container.append($prototype);
	 	//alert("#d3hdv_diablo3bundle_d3objetmodeletype_Caracteristiques_"+monindex+"_valeurCara");
		monindex++;
	    // Enfin, on incrémente le compteur pour que le prochain ajout se fasse avec un autre numéro
	    index++;
	  }
	 
	  // La fonction qui ajoute un lien de suppression d'une catégorie
	  function ajouterLienSuppression($prototype) {
	    // Création du lien
	    $lienSuppression = $('<a href="#" class="btn btn-danger">Supprimer</a>');
	 
	    // Ajout du lien
	    $prototype.append($lienSuppression);
	 
	    // Ajout du listener sur le clic du lien
	    $lienSuppression.click(function(e) {
	      $prototype.remove();
	      e.preventDefault(); // évite qu'un # apparaisse dans l'URL
	       index--;
		monindex--;
	      return false;
	    });
	  }

	

});






</script>


{% endblock javascript %}

{% endblock %}



